<template>
    <section>
        <p>34 vuetify 范围滑块</p>
    <v-card>
      <v-card-text>
        <v-range-slider
          v-model="value"
          strict
        ></v-range-slider>
      </v-card-text>
    </v-card>
    <p>output = {{ value }}</p>
    <p>output = {{ a0 }} , {{ a1 }}</p>
</section>
  </template>
  <script setup>
    // export default {
    //   data () {
    //     return {
    //       value: [20, 40],
    //     }
    //   },
    // }
    import {ref,watch,computed} from 'vue'
    const value = ref([20,40])
    
    const a0 = computed(()=>{
        return value.value[0].toFixed(0)
    })
    const a1 = computed(()=>{
        return value.value[1].toFixed(0)
    })
  </script>